﻿/* CSS Document */
/*全局样式*/
body{
	margin:0;
	padding:0;
	font-family: Arial;
	font-size:12px;
	color:#666;
	background:#fff;
	line-height:20px;
	background:url(bg.gif);

}
h1,h2,h3,h4,ul,li,img{
margin:0;
padding:0;
font-weight:normal;
}
h1,h2,h3,h4{
font-size:12px;
}
li{
list-style:none;
}
a:link,a:visited{
text-decoration:none;
color:#333;
}
a:hover{
color:#373e41;
}
.clear0{
clear:both;
}
.margin_top10{
margin-top:10px;
}
span.more{
float:right;
margin-right:17px;
font-size:12px;
margin-top:-25px;
}
.more a{color:#333;}
span.more1{
float:right;
margin-top:-45px;
padding-right:30px;
}
.c_red a:link,.c_red a:visited{
color:#AC0000;
}
img{border:0px;}
.more0{float:right;margin-right:15px;_margin-top:-20px;}
/*--------结束---------*/
/*------两栏布局-----*/

div#container{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	height:100%;

}
div#container2{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-top:10px;
	clear:both;
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	height:100%;
	padding-left:11px;
	padding-right:11px;
}
#wrapper{width:740px;float:right;}
div#content{float:right;width:740px;padding-bottom:20px; margin-right:5px;}
div#mycontent{float:right;width:740px;padding-bottom:20px; margin-right:5px;}/*------详细Page面的布局------*/
div#navigation{
	float:left;
	width:240px;
	overflow:hidden;
	
}
div#extra{float:left;clear:left;width:210px}
div#footer{
margin:0 auto;
clear:both;
color:#fff;
background:url(footer.gif) repeat-x center top;
padding-top:10px;padding-bottom:10px;
text-align:center;
}
#footer a{
	color:#333333;
}
#footer a:hover{
	
	text-decoration: underline;
}
#footer p{width:1002px;margin:auto; padding:10px 0;}
/*------两栏布局结束------*/
/*--------头部开始----------*/
#top{margin:auto;width:960px;height:124px;}
/*#logo{float:left;width:316px;}*/
#logo{float:left;width:534px;}


#topright{float:right;margin-right:20px;margin-top:20px;}
#topright a{color:#666;}
#topright a:hover{color:#000}
#head{background:url(top.gif) repeat-x top center;}

#nav {background:url(nav_bg.gif) no-repeat left center;height:34px;line-height:34px;clear:both}
#nav ul{width:1000px;margin:auto}
#nav li{background:url(nav_r.gif) right center no-repeat;float:left;width:130px; text-align:center;font-size:14px;font-family:"微软雅黑";width:77px;margin:0 20px;}
#nav a{color:#404041;text-shadow: #fff 1px 1px 0;;display:block;}
#nav a:hover{color:#000;background:url(nav_a.gif) no-repeat center center;}

#lan li{width:100px;float:right}
#lan img{margin-right:5px;}

#search{background:url(search_bg.gif) right center no-repeat;clear:right;margin-top:30px; float:right}


#banner{background:url(banner_bg.gif) repeat-x;height:365px;text-align:center}


#product_index{background:#f5f5f5;border-bottom:solid #aaa 1px;height:130px;margin-bottom:15px;}

#product_index h2{width:346px;float:left;height:128px;overflow:hidden;}
#pro_view{float:left}
.tupian{margin-right:10px;text-align:center;margin-top:10px;}

#company_index{clear:left;}
#company_index,#news_index,#contact_index,#network_index{width:295px;float:left;margin: 0 20px;text-align:center}
#contact_index{margin-right:0px;}

#company_index h2,#news_index h2,#contact_index h2,#network_index h2{font-size:16px;font-family:"微软雅黑";text-align:left;line-height:30px;border-bottom:solid #666 1px;margin-bottom:10px;}
#company_index p,#news_index p,#contact_index p,#network_index p{text-align:left}
.en{color:#0f75bc;margin-right:15px;margin-left:10px;}

.more_index{float:right;margin-right:10px;margin-top:5px;margin-bottom:10px;font-size:9px;font-family:Arial, Helvetica, sans-serif}
.more_index a{color:#666;}


#navigation dd{width:110px;margin-right:10px;float:left;background:url(list_bg.gif) left center no-repeat;margin-top:5px;text-indent:25px;}
#navigation dt{color:#177EB8;font-size:16px;font-family:"微软雅黑";line-height:30px;border-bottom:solid #333 1px;}










/*--内Page开始---*/
/*-内Page产品推荐-*/
div#pro_command{
background-color:#F1F1F1;
border:1px  solid #ddd;
padding:0 10px;
}
.scrollpic{ height:190px; vertical-align:top;}
.scrollpic img{
border:3px solid #DEDEDE;

}
.scrollpic h4{
font-weight:normal;
font-size:12px;
line-height:16px;
}
dl{margin:0px;margin-bottom:10px;}
/*----结束内Page产品推荐-----*/
/*公司简介*/
div#content h1{color:#177EB8;height:30px;line-height:30px;font-size:20px;text-indent:10px;border-bottom:#333 1px solid;font-family:"微软雅黑";background: url(nr_title.gif) no-repeat left center;}
div#content #company{
overflow:hidden;
margin-bottom:10px;
padding:10px;
padding-bottom:0;
}
div#content #company_index img{
float:left;
margin:5px ;
margin-top:20px
}
div#content #company_index p{
line-height:25px; font-size:12px;
overflow:hidden;
padding:18px;
padding-bottom:10px;


}

div#content #company p{

line-height:25px;

}

/*左侧列表*/
h3.update_h{
background:url(/template/style02/pro_nr_title.gif) no-repeat bottom;color:#1f8ed4;
}
div#navigation ul.news_list_index li{
height:30px;
line-height:30px;
margin:0 10px;
padding-left:20px;
border-bottom:1px solid #edb98c;
}

div#navigation a:link,div#navigation a:visited{

}
div#navigation a:hover{

}
/*--结束左侧列表--*/

/*--结束公司简介--*/

/*产品中心列表*/

h3.pro_hot_h{
background:url(pro_nr_title.gif) no-repeat bottom;color:#1f8ed4;
margin-bottom:0;
}
div#navigation h3.h_con{
background:url(pro_nr_title.gif) no-repeat;
margin-bottom:0;
}
div#navigation ul.pro_hot_list,div#navigation ul.pro_list,div#navigation ul.news_list{
padding-bottom:5px
}
div#navigation ul.pro_hot_list li,div#navigation ul.pro_list li{
height:30px;
line-height:30px;
text-align:left;
padding-left:10px;

}

#ms{
border:#1px #000 solid;}
#ms p{
padding:0 5px;
}
#ms p.title{
background: url(title.gif) no-repeat 5px center;
color:#fff;
font-weight:bold;
padding-left:25px;
}

p#product_class{
border:1px #ddd solid;
width:95%;
margin:10px auto;
background-color:#EAF5EA;
}
p#product_class span{
color:#BC1323;
font-weight:bold;
padding-left:10px;
}
p#product_class a{
margin-left:10px;
}


ul.pro_imglist_index1{
padding-top:10px;
overflow:hidden;

margin-bottom:10px;
padding-left:20px;
}
ul.pro_imglist_index1 li{
float:left;
width:150px;
margin:0 22px 0 0px;
*margin:0 22px 0 0px !important;
*margin:0 20px 0 0px;
height:170px;
text-align:center;
}
ul.pro_imglist_index1 li img{display:block; padding:1px; background-color:#fff}
ul.pro_imglist_index1 li h4{
font-size:12px;
font-weight:normal;
line-height:16px;
}
div#pro_imglist{

border:1px solid #ddd; border-bottom:none;
}

ul.pro_imglist1{

overflow:hidden;
}
ul.pro_imglist1 li{
float:left;
width:160px;
padding-left:7px;
padding-right:7px;
margin-top:10px;
height:130px;
text-align:center

}

ul.pro_imglist1 li img,ul.pro_imglist_index1 li img{
border: solid 1px #dedede;
padding:2px;
}


div#content ul.pro_imglist1 li h3{
color:#8C8D8D;
font-weight:normal;
background:none;
line-height:18px;
height:18px;
text-align:center;
padding:0;
margin:0;
font-size:12px;
}

/*---结束产品中心列表--*/
/*-----产品详细Page--------*/
div#mycontent p.dh{
color:#177EB8;height:30px;line-height:30px;font-size:20px;text-indent:10px;border-bottom:#333 1px solid;font-family:"微软雅黑";background: url(nr_title.gif) no-repeat left center;}
div#content #company{
overflow:hidden;
margin-bottom:10px;
padding:10px;
padding-bottom:0;
}

div#mycontent div#pro_description h1{
text-align:center;
font-size:14px;
font-weight:bold;
padding:10px 0;
color:#555
}

div#mycontent p{
padding:0;
margin:0;
}
div#mycontent #pro_description{
margin:0 auto;
line-height:20px;
overflow:hidden;
text-align:center;

}
div#mycontent #pro_description h2{

padding-left:20px;
color:#FCD54C;
}
div#mycontent #pro_description #pro_img{
margin:10px 10px 0 0;
width:180px;
float:left;
}
div#mycontent #pro_description #pro_img img{
padding:3px;
border: 1px solid #ccc;
}

div#mycontent #pro_description #pro_img span{
display:block;
}
div#mycontent #pro_description #pro_img span img{
border:none;
}
div#mycontent #pro_description #pro_introduction{
margin-top:10px;
float:left;
width:480px
}
div#mycontent #pro_description #pro_introduction span{
float:left;
margin-right:20px;
width:200px;
line-height:25px;
}
div#mycontent #pro_description p{
line-height:25px;
text-align:left
}
div#mycontent #pro_description p.backlist{
text-align:center;
}
h3#sm{
height:35px;
line-height:35px;
background: url(arrow2.gif) no-repeat 5px 12px;
padding-left:20px;
margin:10px 0;
border:1px solid #ddd;
color:#555;
text-align:left
}
div#mycontent #pro_description #contact2{

}
div#detailed{
line-height:25px;
padding-left:20px;
}
table.biaoge {
border-left:1px #E3E2E2 solid;
border-top:1px #E3E2E2 solid;
width:100%;
margin-top:10px;
}
table.biaoge tr{
border-left:1px #E3E2E2 solid;
border-top:1px #E3E2E2 solid;
}
table.biaoge td{
border-right:1px #E3E2E2 solid;
border-bottom:1px #E3E2E2 solid;
padding-left:10px;
}
h3#xg{
background:url(title.gif) no-repeat left center;
line-height:35px;
text-align:left;
padding-left:20px;
border:1px solid #ddd;
margin-bottom:10px;
color:#555;
font-weight:bold
}

ul#xiangguan{
padding-left:10px}
ul#xiangguan li{
float:left;
width:155px;
height:160px;
padding-left:8px;
padding-right:8px



}
ul#xiangguan li img{
border:1px solid #E1E1E1;
width:150px; height:108px;
padding:2px
}
ul#xiangguan li h4{
text-align:center;
font-weight:normal;
font-size:12px;
line-height:16px;

}



ul#detailed{
overflow:hidden;
}
ul#pro_detailed li{
float:left;
width:150px;
margin-right:35px;
*margin-right:35px !important;
*margin-right:15px;

height:190px;



}
ul#pro_detailed li img{
border:1px solid #ddd;
}
ul#pro_detailed li h4{
text-align:center;
font-weight:normal;
font-size:12px;
line-height:16px;

}


/*-----结束产品详细Page--------*/


/*新闻列表Page面*/
div#content div#news_content{
width:95%;
margin:0 auto;
border-bottom:#DEDEDE dashed 1px;


}
div#content div#news_content h2{
padding-left:0px;
padding-top:10px
}
div#content div#news_content h2 a:link,div#content div#news_content h2 a:visited{
color:#666;
font-size:13px;
font-weight:bold
}
div#content div#news_content h2 a:hover{
color:#FF0000;
}
div#content div#news_content span{
float:right;
margin-top:-24px
}
div#content div#news_content p{
padding:10px 0;
margin:0;

line-height:20px;
}
div#content div#news_kuang{
}

div#navigation h3.news_c_h{
background: url(pro_nr_title.gif) no-repeat;
}

h3.news_hot_h{
background:url(hot.gif) no-repeat;
}

div#navigation ul.news_list,div#navigation ul.news_list2{
padding:10px 0;
border:1px solid #E0E0E0;
margin-bottom:10px;
}
div#navigation ul.news_list2{
border-top:none;
}
div#navigation ul.news_list li,div#navigation ul.news_list2 li{
height:30px;
line-height:30px;
}
div#navigation ul.news_list_class li{
height:35px;
line-height:35px;
}
div#navigation ul.news_list li a:link,div#navigation ul.news_list li a:visited,div#navigation ul.news_list2 li a:link,div#navigation ul.news_list2 li a:visited{
display:block;
margin:0 13px 0 10px;
padding-left:15px;
background:url(arrow2.gif) no-repeat 3px center;
}
div#navigation ul.news_list_class li a:link,div#navigation ul.news_list_class li a:visited{
display:block;
padding-left:35px;
background:url(pro_l_bg2.gif) no-repeat  1px center;
}


/*新闻详细Page面*/
div#news_content1{
padding:0 10px;
text-align:center
}

div#news_content1 h1{
text-align:center;
padding:10px 0;
font-size:14px;
font-weight:bold

}
span.hit{
text-align:center;
margin:0 auto;
display:block;
line-height:30px;
}
/******/
div#news_content1 p#jj{
text-align:left;
border:1px solid #E3E2E2; background-color:#F1F1F1;  padding:10px;}

/*---------内Page结束----------*/


/*上一个产品下一个产品*/
#up_down{
border:1px solid #E3E2E2;
text-align:center;
line-height:30px;
margin:10px 0;
background-color:#F1F1F1;

}

#up_down A:link,#up_down A:visited{
text-decoration:underline}




ul.pro_recommand{
width:430px;
padding-top:10px;
margin-top:5px;
}
ul.pro_recommand li{
width:120px;
float:left;
text-align:center;
margin-left:5px;
height:160px;
}
ul.pro_recommand li img{
border:3px solid #DEDEDE
}
ul.pro_recommand li h4{
font-size:12px;
line-height:16px;
height:16px;
font-weight:normal

}

div#mycontent #shuoming h2{
border:1px solid #E3E2E2;
line-height:30px;
height:30px;
text-align:left;
color:#555;
background-color:#eee;
margin-bottom:20px;

}

#shuoming{

text-align:center
}
#shuoming table {
border-left:1px #ccc solid;
border-top:1px #ccc solid;
width:100%;
}
#shuoming table tr{
border-left:1px #ccc solid;
border-top:1px #ccc solid;
}
#shuoming table td{
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
padding-left:15px;
}
#news_lr{

text-align:left;
margin-top:20px;
}
span.c_b{ font-weight:bold; color:#5AD2F0}


#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; font:Arial, Helvetica, sans-serif; font-size:14px}
#lightbox a img{ border: none;}
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(/blank.gif) no-repeat; display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/template/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/template/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 14px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}		
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*分页*/

#page{
clear:both;
padding:0;
margin:0;
width:98%;
margin-bottom:0px;
height:30px;
line-height:30px;
text-align:center;
color:#999;
padding-bottom:5px;
margin-top:15px;}
#page span.current,#page a:link,#page span.current,#page a:visited{
color:#999;
margin-left:0px;}
#page span.current,#page a:hover{color:#003c83; }
#page strong{margin-left:5px;}
